<ul class="posts" style="list-style:none; margin-top: 20px; border-width: 0px; padding: 0 0;">
	{% for post in posts %}
		<li class="post" style="width: auto; align-items: stretch; height: 80px;">
			<div class="profile-thumbnail" style="float:left; width: 40px; height: 40px;">
				<a href="{{ url_for('.user', username=post.author.username) }}" >
					<img class="img-rounded profile-thumbnail" src="{{ post.author.gravatar() }}" style="width: 40px;height: 40px" />
				</a>
			</div>
			<div class="post-date" style="float:right; margin-right: 0px; text-align: right">
				{{ moment(post.timestamp).fromNow() }}
			</div>
			<div class="post-author" style="margin-left: 50px; margin-top: 0px;">
				<a href="{{ url_for('.user', username=post.author.username) }}" >
					{{ post.author.username}}
				</a>
			</div>
			<div class="post-body" style="margin-left: 50px; margin-top: 0px; word-wrap: break-word; width: 650px; height: auto; line-height: normal;">
				{% if post.body_html %}
				{{ post.body_html | safe }}
				{% else %}
				{{ post.body }}
				{% endif %}
			</div>
		</li>
	{% endfor %}
</ul>